import React, { ReactNode } from 'react';
import { Box, Text } from '@nova-hf/ui';

type SectionHeaderProps = {
  headerTitle: string;
  rightActionNode?: ReactNode;
};
export const SectionHeader = ({ headerTitle, rightActionNode }: SectionHeaderProps) => {
  return (
    <Box
      display="flex"
      flexDirection="row"
      justifyContent="space-between"
      alignItems="center"
      marginBottom={4}
    >
      <Text variant="h6">{headerTitle}</Text>
      {rightActionNode && rightActionNode}
    </Box>
  );
};